<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width">
		<script>
		window.addEventListener("load", function(){
			var elm = document.createElement("p");
			elm.innerHTML  = ("document.innerWidth=" + window.innerWidth);
			elm.innerHTML += ("<br>document.innerHeight=" + window.innerHeight);
			document.body.appendChild(elm);
		});
		</script>
		<style>
		body {
			font-size: 1.5em;
			margin: 0;
		}
		.box500 {
			background-color: #aaf;
			width: 500px;
		}
		.box1000 {
			background-color: #faa;
			width: 1000px;
		}
		.box2000 {
			background-color: #afa;
			width: 2000px;
		}
		</style>
		<title>index</title>
	</head>
	<body>
		<div class="box500">width=500px</div>
		<div class="box1000">width=1000px</div>
		<div class="box2000">width=2000px</div>
		<p>device-width<br><a href="none.html">none</a><br><a href="2000.html">2000</a></p>
	</body>
</html>
